<template>
    <el-dialog width="1000px" :title="$t('消息中心')" :visible.sync="gg" append-to-body :close-on-click-modal="false">
        <el-collapse v-model="activeNames" accordion v-if="List.length>0">
            <el-collapse-item :title="`${key+1}.${item.title}`" :name="key+1" v-for="(item,key) in List" :key="key">
                <div>{{ item.content }} </div>
            </el-collapse-item>
        </el-collapse>
    </el-dialog>
</template>

<script>
export default {
    props: {
        List: {
            type: Array,
            debugger: []
        }

    },
    data() {
        return{
            activeNames: [1], //默认展开第一条
            gg: false //模态框开关
        }
       
    },
    methods: {
        show(){
           this.gg = true
        },
        hide(){
           this.gg = false
        }
    },
}
</script>

<style></style>